<html xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" >  

    <ui:composition template="layout.xhtml">
        <ui:define name="corpo">
            <h:form id="buscar_form" acceptcharset="utf-8"> 
                <p:panel header="Pesquisar Usuario">
                    <p:growl showDetail="true"  id="msg" life="2000" /> 
                    <fieldset>
                        <legend>Entre com os Dados</legend>    
                        <h:panelGrid columns="2"  border="0" styleClass="textAlignRight" columnClasses="textAlignRight"> 
                            <h:outputText value="Nome Usuário:"/>
                            <p:inputText value="#{managerUsuario.usuario.nome}" size="50" required="true" requiredMessage="O Campo deve ser Preenchido"/>
<!--                            <h:outputText value="Nome Titular:"/>
                            <p:inputText value="{managerCartorio.cartorio.titular.nome}" size="50"/>-->

                        </h:panelGrid>    
                          
                        <p:commandButton  style="left: 200px" icon="view" value="Pesquisar" actionListener="#{managerUsuario.listarNomeUsuario()}" update="@form, userTable, msg"/>
                        
                    </fieldset>
                    <br/><br/>
                    <p:dataTable id="userTable" var="user" value="#{managerUsuario.listusuario}" 
                                 paginator="true" rows="5"
                                 paginatorPosition="bottom"
                                 paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                 rowsPerPageTemplate="5,10,15">     
                        <f:facet name="header">  
                            Dados Usuario
                        </f:facet>
                        <p:column style="width:400px;">  
                            <f:facet name="header" >   
                                Nome Usuario
                            </f:facet>  
                            <h:outputText value="#{user.nome}" />  
                        </p:column>
                        <p:column style="width:200px;">  
                            <f:facet name="header" >   
                                Registro 
                            </f:facet>  
                            <h:outputText value="#{user.rg}" />  
                        </p:column>
                         <p:column style="width:200px;">  
                            <f:facet name="header" >   
                                Email
                            </f:facet>  
                             <h:outputText value="#{user.email}" />  
                        </p:column>
                        <p:column style="width:200px;">  
                            <f:facet name="header" >   
                                Contato
                            </f:facet>  
                            <h:outputText value="#{user.contato}" />  
                        </p:column>
                        <p:column style="width:200px;">  
                            <f:facet name="header" >   
                                Grupos de Acesso
                            </f:facet>  
                            <h:outputText value="#{user.grupos}" />  
                        </p:column>
                        <p:column style="width:80px;">  
                            <f:facet name="header">  
                                <h:outputText value="Opções" />   
                            </f:facet>
                            <p:commandButton  icon="editar"  actionListener="#{managerUsuario.editarUsuario(user)}" update="@form"/> 

                        </p:column>  

                    </p:dataTable>  

                </p:panel>
                <br/>
            </h:form>
        </ui:define>
    </ui:composition>
</html>